<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <head>
    </head>
    <body>
        <ui:composition template="/templates/default.xhtml">
		 	<ui:define name="title">OpenHDS - Create Location Hierarchy</ui:define>
		
			<ui:param name="crud" value="#{locationHierarchyCrud}" />
			
            <ui:define name="listing">
                <ui:include src="list.xhtml" />
            </ui:define>
            <ui:define name="display">
            
               <h:outputText value="#{navController.breadcrumbTrail}" />
            
               <h1>#{msg.locationHierarchyCreate}</h1>
               <h:messages id="errors" globalOnly="true" />
               <h:form id="form">
               		<h:panelGrid columns="3">
               		
                   		<h:outputText value="#{msg.locationHierarchyParentName}:"/>
	                   	<h:inputText id="parentName" value="#{locationHierarchyCrud.item.parent}" converter="#{locationHierarchyExtIdConverter}"/>
	                    <h:message for="parentName" errorClass="error" errorStyle="color: red" infoStyle="color: green"/>

               			<h:outputText value="#{msg.locationHierarchyChildName}:"/>
               			<h:inputText id="childName" value="#{locationHierarchyCrud.item.name}" converter="#{defaultConverter}" />
                  		<h:message for="childName" errorClass="error" errorStyle="color: red" infoStyle="color: green"/>
    				
                    </h:panelGrid>
                    <script>
  						document.getElementById('form:parentName').focus();
  					</script>
                    <br />
	            	<h:commandButton action="#{locationHierarchyCrud.create}" value="#{msg.lblCreate}"/>
                </h:form>
            </ui:define>
        </ui:composition>
    </body>
</html>